<template>
  <div class="menu">
      <Menucontent v-for="(v,i) in menutext" :key="i" :content="v.content" :icon="v.icon"/>
  </div>
</template>

<script>
import Menucontent from './menucontent.vue'
export default {
    data(){
        return {
            menutext:[
                {content:'附近网点',icon:'iconfont icon-fujin'},
                {content:'网点自寄',icon:'iconfont icon-wangdianguanli'},
                {content:'邮件查询',icon:'iconfont icon-mail-fill'},
                {content:'邮件资费',icon:'iconfont icon--shoufeiguanli'},
                {content:'报刊订阅',icon:'iconfont icon-baokanzazhi'},
                {content:'生活缴费',icon:'iconfont icon-shenghuojiaofei'},
                {content:'邮编查询',icon:'iconfont icon-youbian'},
                {content:'上门揽件',icon:'iconfont icon-shangmen'},
                {content:'军营包裹',icon:'iconfont icon-junying'},
                {content:'校园包裹',icon:'iconfont icon-xiaoyuan'}
            ]
        }
  },
  components:{
      Menucontent
  }

}
</script>

<style scoped>
.menu{
    width:3.4rem;
    height:1.4rem;
    margin:auto;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.08rem;
}
</style>